<template>
  <view class="logistics">
<!--    <view class="shopInfo">-->
<!--      <image src="/static/logo.png" mode="widthFix"></image>-->
<!--      <view class="text">门店</view>-->
<!--    </view>-->
    <view class="logisticsInfo">

      <view class="info_t flex-r-s-c">
        <!-- 物流头像 -->
        <image :src="logisticsList.logo" mode=""></image>
        <view class="text">{{logisticsList.post_name}}</view>
        <view class="text">{{logisticsList.post_no}}</view>
      </view>

      <logistics :wlInfo="logisticsList"></logistics>

    </view>
  </view>
</template>

<script>
import logistics from '@/components/xinyu-logistics.vue'
export default {
  components: {
    logistics
  },
  data() {
    return {
      // 物流信息列表
      logisticsList: {},
    };
  },
  onLoad(options) {
    this.getLogistics(options.id)  // 获取物流信息
  },
  methods:{
    // 获取物流信息
    getLogistics(orderid){
      let that = this
      that.$api.expressQuery({orderid: orderid}).then(res => {
        console.log(res)
        that.logisticsList = res.data
      })
    }
  }
}
</script>

<style lang="less">
page{
  background-color: #FFFFFF;
}
.logistics {
  .shopInfo {
    width: 100%;
    text-align: center;
    margin-top: 100rpx;

    image {
      width: 200rpx;
      height: 200rpx;
    }

    .text {
      font-size: 40rpx;
      font-weight: bold;
      margin-top: 10rpx;
    }
  }

  .logisticsInfo {
    .info_t{
      width: 90vw;
      margin: 20rpx auto;
      box-sizing: border-box;
      padding-left: 60rpx;
    }

    image {
      width: 40rpx;
      height: 40rpx;
      border-radius: 50%;
    }

    .text {
      margin-left: 20rpx;
    }

  }
}
</style>
